<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
	<title>Home</title>

	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="keywords" content=""/>

	<!-- Custom Theme files -->
	<link href="./css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
	<link href="./css/style.css" rel="stylesheet" type="text/css" media="all"/>
	<link href="./css/menu.css" rel="stylesheet" type="text/css" media="all"/> <!-- menu style -->
	<link href="./css/ken-burns.css" rel="stylesheet" type="text/css" media="all"/> <!-- banner slider -->
	<link href="./css/animate.min.css" rel="stylesheet" type="text/css" media="all"/>
	<link href="./css/owl.carousel.css" rel="stylesheet" type="text/css" media="all"> <!-- carousel slider -->

	<!-- //Custom Theme files -->
	<!-- font-awesome icons -->
	<link href="./css/font-awesome.css" rel="stylesheet">
	<!-- //font-awesome icons -->
	<%--<!-- js -->--%>
	<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script src="./js/jquery-3.5.1.js"></script>
	<%--<!-- //js -->--%>
	<%--<!-- web-fonts -->--%>
	<link href='http://fonts.useso.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic'
		  rel='stylesheet' type='text/css'>
	<link href='http://fonts.useso.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
	<link href='http://fonts.useso.com/css?family=Offside' rel='stylesheet' type='text/css'>
	<link href='http://fonts.useso.com/css?family=Tangerine:400,700' rel='stylesheet' type='text/css'>
	<!-- web-fonts -->
	<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
	<script type="text/javascript"
			src='//webapi.amap.com/maps?v=1.3&key=c76df1373d9f8adca55f7f7bebae5f70&plugin=AMap.CitySearch'></script>
	<script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
	<script src="./js/owl.carousel.js"></script>
	<script>
		$(document).ready(function () {
			$("#owl-demo").owlCarousel({
				autoPlay: 3000, //Set AutoPlay to 3 seconds
				items: 4,
				itemsDesktop: [640, 5],
				itemsDesktopSmall: [480, 2],
				navigation: true

			});
		});
	</script>
	<script src="./js/jquery-scrolltofixed-min.js" type="text/javascript"></script>
	<script>
		$(document).ready(function () {

			// Dock the header to the top of the window when scrolled past the banner. This is the default behaviour.

			$('.header-two').scrollToFixed();
			// previous summary up the page.

			var summaries = $('.summary');
			summaries.each(function (i) {
				var summary = $(summaries[i]);
				var next = summaries[i + 1];

				summary.scrollToFixed({
					marginTop: $('.header-two').outerHeight(true) + 10,
					zIndex: 999
				});
			});
		});
	</script>
	<!-- start-smooth-scrolling -->
	<script type="text/javascript" src="./js/move-top.js"></script>
	<script type="text/javascript" src="./js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('jsp,body').animate({scrollTop: $(this.hash).offset().top}, 1000);
			});
		});
	</script>
	<!-- //end-smooth-scrolling -->
	<!-- smooth-scrolling-of-move-up -->
	<script type="text/javascript">
		$(document).ready(function () {

			var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear'
			};

			$().UItoTop({easingType: 'easeOutQuart'});

		});
	</script>
	<!-- //smooth-scrolling-of-move-up -->
	<script src="./js/bootstrap.js"></script>
	<%--	<style>--%>
	<%--		#result{--%>
	<%--			top--%>
	<%--		}--%>
	<%--	</style>--%>
</head>
<body>
<div class="agileits-modal modal fade" id="myModal88" tabindex="-1" role="dialog" aria-labelledby="myModal88"
	 aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<%--				<span>今日爆款</span>--%>
				<h4 class="modal-title" id="myModalLabel"><i class="fa fa-map-marker" aria-hidden="true"></i>所在城市:
				</h4>
			</div>
			<div class="modal-body modal-body-sub">
				<h5>选择您的送货城市和地点 </h5>
				<p>
					<select class="form-control bfh-states" id="province" data-country="CN" data-state="CA">
						<option value="-1" selected>选择收货省份</option>
					</select>
					<select class="form-control bfh-states" id="city" data-country="CN" data-state="CA">
						<option value="-1" selected>选择您的收货城市</option>
					</select>
				</p>
				<input type="text" name="Name" placeholder="请输入收货地址的街道信息" onfocus="this.placeholder=''" class="address"
					   required>
				<button type="button" class="close2" data-dismiss="modal" aria-hidden="true">确认</button>
			</div>
		</div>
	</div>
</div>
<script>
	$("#province,#city").css({"width": "40%"});
	$("#province").css({"float": "left"});
</script>
<script>
	$('#myModal88').modal('show');
</script>
<!-- header -->
<div class="header">
	<div class="w3ls-header"><!--header-one-->
		<%--			<div class="w3ls-header-left">--%>
		<%--				<p><a href="#">UPTO $50 OFF ON LAPTOPS | USE COUPON CODE LAPPY </a></p>--%>
		<%--			</div>--%>
		<div class="postionDiv"></div>
		<div class="w3ls-header-right">

			<ul>
				<li class="dropdown head-dpdn">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">
						<i class="fa fa-map-marker" aria-hidden="true"></i><span class="postion"></span></a>
					<ul class="dropdown-menu" id="place">

					</ul>
				</li>
				<li class="dropdown head-dpdn">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">
						<i class="fa fa-user" aria-hidden="true"></i>
						<c:if test="${user==null}">
							<ul class="dropdown-menu">
								<li><a href="login.jsp">登录</a></li>
								<li><a href="signup.jsp">注册</a></li>
							</ul>
						</c:if>
						<c:if test="${user!=null}">
							<ul class="dropdown-menu">
								<li><a href="personalCenter.jsp">个人中心</a></li>
								<li><a href="/foraging/ljh/order/getAllOrders">我的订单</a></li>
							</ul>
						</c:if>
						<c:if test="${user!=null}">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<span class="" style="color: #ffffff">欢迎购物！ ${user.username}</span>
							</a>
						</c:if>
						<c:if test="${user==null}">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<span class="" style="color: #ffffff">点击登录</span>
						</a>
						</c:if>
					</a>
					<ul class="dropdown-menu">

<%--						<li><a href="login.jsp">登录</a></li>--%>
<%--						<li><a href="signup.jsp">注册</a></li>--%>
					</ul>
				</li>
				<li class="dropdown head-dpdn">
					<a href="chatClient.jsp" class="dropdown-toggle"><i class="fa fa-question-circle" aria-hidden="true"></i> 联系我们</a>
				</li>
			</ul>
		</div>
		<div class="clearfix"></div>

	</div>
	<div class="header-two"><!-- header-two -->
		<div class="container">
			<div class="header-logo">
				<h1><a href="index.jsp"><span>S</span>mart <i>Bazaar</i></a></h1>
				<h6>Your stores. Your place.</h6>
			</div>
			<div class="header-search">
				<form action="#" method="post">
					<input type="search" name="search" id="search" placeholder="请输入您想购买的商品名..." required>
					<button type="submit" class="btn btn-default" aria-label="Left Align">
						<i class="fa fa-search" aria-hidden="true"> </i>
					</button>

				</form>
				<%--					<div id="context1" style="border:1px solid red;background-color:white;width:100%;height:100px; ">--%>
				<div class="row" style="width:30.5%;padding-left: 15px;position:absolute;visibility:hidden;"
					 id="div_search">
					<div class="col-4">
						<div class="list-group" id="list-tab" role="tablist">
							<%--									<a class="list-group-item list-group-item-action"  href="#list-home" role="tab" aria-controls="home">分类1</a>--%>

						</div>
					</div>
					<div class="col-8">
						<div class="tab-content" id="nav-tabContent">
							<div class="tab-pane fade show active" id="list-home" role="tabpanel"
								 aria-labelledby="list-home-list">...
							</div>
							<div class="tab-pane fade" id="list-profile" role="tabpanel"
								 aria-labelledby="list-profile-list">...
							</div>
							<div class="tab-pane fade" id="list-messages" role="tabpanel"
								 aria-labelledby="list-messages-list">...
							</div>
							<div class="tab-pane fade" id="list-settings" role="tabpanel"
								 aria-labelledby="list-settings-list">...
							</div>
						</div>
					</div>
				</div>
				<%--					</div>--%>
			</div>
			<div class="header-cart">
				<div class="my-account">
					<a href="contact.jsp"><i class="fa fa-map-marker" aria-hidden="true"></i>联系我们</a>
				</div>
				<div class="cart">
					<form action="cart.do" method="post" class="last">
						<input type="hidden" name="display" value="1"/>
						<button class="w3view-cart" type="submit" name="submit" value=""><i
								class="fa fa-cart-arrow-down" aria-hidden="true"></i></button>
					</form>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div><!-- //header-two -->
	<div class="header-three"><!-- header-three -->
		<div class="container">
			<div class="menu">
				<div class="cd-dropdown-wrapper">
					<%--						<form action="categorp.do" method="post" id="bigcategorp">--%>
					<a class="cd-dropdown-trigger" id="button-b" href="#0">列表</a>
					<%--							<input id="button-b" class="cd-dropdown-trigger" type="" value="列表">--%>
					<nav class="cd-dropdown dropdown-is-active" style="display: none">
						<a href="#0" class="cd-close">Close</a>
						<ul class="cd-dropdown-content" id="cd-dropdown-content">
							<%--								<li class="has-children">--%>
							<%--
                            <%--								</li>--%>
						</ul>
						<%--
                                                </nav> <!-- .cd-dropdown -->
                        <%--						</form>--%>
				</div> <!-- .cd-dropdown-wrapper -->
			</div>
			<div class="move-text">
				<div class="marquee"><a href="offers.jsp">这里有新收藏...... <span>享受 10% 的额外优惠 | 没有额外的税 </span> <span>免费试用15天的无限运输通行证</span></a>
				</div>
				<script type="text/javascript" src="js/jquery.marquee.min.js"></script>
				<script>
					$('.marquee').marquee({pauseOnHover: true});
					//@ sourceURL=pen.js
				</script>
			</div>
		</div>
	</div>
</div>
<!-- //header -->
<!-- banner -->
<div class="banner">
	<div id="kb" class="carousel kb_elastic animate_text kb_wrapper" data-ride="carousel" data-interval="6000"
		 data-pause="hover">
		<!-- Wrapper-for-Slides -->
		<div class="carousel-inner" role="listbox">
			<div class="item active"><!-- First-Slide -->
				<img src="images/5.jpg" alt="" class="img-responsive"/>
				<div class="carousel-caption kb_caption kb_caption_right">
					<h3 data-animation="animated flipInX">平面<span>50%</span>折扣</h3>
					<h4 data-animation="animated flipInX">仅今天热卖</h4>
				</div>
			</div>
			<div class="item"> <!-- Second-Slide -->
				<img src="images/8.jpg" alt="" class="img-responsive"/>
				<div class="carousel-caption kb_caption kb_caption_right">
					<h3 data-animation="animated fadeInDown">仅今天热卖</h3>
					<h4 data-animation="animated fadeInUp">不例外</h4>
				</div>
			</div>

			<div class="item"><!-- Third-Slide -->
				<img src="images/3.jpg" alt="" class="img-responsive"/>
				<div class="carousel-caption kb_caption kb_caption_center">
					<h3 data-animation="animated fadeInLeft">季末销售</h3>
					<h4 data-animation="animated flipInX">不例外</h4>
				</div>
			</div>

		</div>
		<!-- Left-Button -->
		<a class="left carousel-control kb_control_left" href="#kb" role="button" data-slide="prev">
			<span class="fa fa-angle-left kb_icons" aria-hidden="true"></span>
			<span class="sr-only">以前</span>
		</a>
		<!-- Right-Button -->
		<a class="right carousel-control kb_control_right" href="#kb" role="button" data-slide="next">
			<span class="fa fa-angle-right kb_icons" aria-hidden="true"></span>
			<span class="sr-only">下一个</span>
		</a>
	</div>
	<script src="js/custom.js"></script>
</div>
<!-- //banner -->
<!-- welcome -->
<div class="welcome">
	<div class="container">
		<div class="welcome-info">
			<div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
				<ul id="myTab" class=" nav-tabs" role="tablist">
					<li role="presentation" class="active"><a href="#home" id="home-tab" role="tab" data-toggle="tab">
						<i class="fa fa-laptop" aria-hidden="true"></i>
						<h5>电子产品</h5>
					</a></li>
					<li role="presentation"><a href="#carl" role="tab" id="carl-tab" data-toggle="tab">
						<i class="fa fa-female" aria-hidden="true"></i>
						<h5>时尚</h5>
					</a></li>
					<li role="presentation"><a href="#james" role="tab" id="james-tab" data-toggle="tab">
						<i class="fa fa-gift" aria-hidden="true"></i>
						<h5>照片 & 礼物</h5>
					</a></li>
					<li role="presentation"><a href="#decor" role="tab" id="decor-tab" data-toggle="tab">
						<i class="fa fa-home" aria-hidden="true"></i>
						<h5>家居装饰</h5>
					</a></li>
					<li role="presentation"><a href="#sports" role="tab" id="sports-tab" data-toggle="tab">
						<i class="fa fa-motorcycle" aria-hidden="true"></i>
						<h5>运动</h5>
					</a></li>
				</ul>
				<div class="clearfix"></div>
				<h3 class="w3ls-title">特色产品</h3>
				<div id="myTabContent" class="tab-content">
					<div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">
						<div class="tabcontent-grids">
							<div id="owl-demo" class="owl-carousel">
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<a href="products.jsp"><img src="images/e1.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products.jsp">音响</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$100</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Audio speaker"/>
												<input type="hidden" name="amount" value="200.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>Sale</h6></div>
										<a href="products.jsp"><img src="images/e2.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products.jsp">Refrigerator</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$300</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Refrigerator"/>
												<input type="hidden" name="amount" value="700.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>New</h6></div>
										<a href="products.jsp"><img src="images/e3.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products.jsp">Smart Phone</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$70</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Smart Phone"/>
												<input type="hidden" name="amount" value="300.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<a href="products.jsp"><img src="images/e4.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products.jsp">Digital Camera</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$80</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Digital Camera"/>
												<input type="hidden" name="amount" value="100.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<a href="products.jsp"><img src="images/e1.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products.jsp">Audio speaker</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$100</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Audio speaker"/>
												<input type="hidden" name="amount" value="200.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>Sale</h6></div>
										<a href="products.jsp"><img src="images/e2.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products.jsp">Refrigerator</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$300</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Refrigerator"/>
												<input type="hidden" name="amount" value="700.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>New</h6></div>
										<a href="products.jsp"><img src="images/e3.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products.jsp">Smart Phone</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$70</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Smart Phone"/>
												<input type="hidden" name="amount" value="300.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<a href="products.jsp"><img src="images/e4.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products.jsp">Digital Camera</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$80</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Digital Camera"/>
												<input type="hidden" name="amount" value="100.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div role="tabpanel" class="tab-pane fade" id="carl" aria-labelledby="carl-tab">
						<div class="tabcontent-grids">
							<script>
								$(document).ready(function () {
									$("#owl-demo1").owlCarousel({

										autoPlay: 3000, //Set AutoPlay to 3 seconds

										items: 4,
										itemsDesktop: [640, 5],
										itemsDesktopSmall: [414, 4],
										navigation: true

									});

								});
							</script>
							<div id="owl-demo1" class="owl-carousel">
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<a href="products1.jsp"><img src="images/f1.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products1.jsp">T Shirt</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$10</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="T Shirt"/>
												<input type="hidden" name="amount" value="10.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i>加入购物车
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>20% <br> Off</h6></div>
										<a href="products1.jsp"><img src="images/f2.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products1.jsp">Women Sandal</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$20</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Women Sandal"/>
												<input type="hidden" name="amount" value="20.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<a href="products1.jsp"><img src="images/f3.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products1.jsp">Jewellery</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$60</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Jewellery"/>
												<input type="hidden" name="amount" value="60.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>New</h6></div>
										<a href="products1.jsp"><img src="images/f4.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products1.jsp">Party dress</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$15</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Party dress"/>
												<input type="hidden" name="amount" value="15.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<a href="products1.jsp"><img src="images/f1.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products1.jsp">T Shirt</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$10</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="T Shirt"/>
												<input type="hidden" name="amount" value="10.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>20% <br> Off</h6></div>
										<a href="products1.jsp"><img src="images/f2.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products1.jsp">Women Sandal</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$20</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Women Sandal"/>
												<input type="hidden" name="amount" value="20.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<a href="products1.jsp"><img src="images/f3.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products1.jsp">Jewellery</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$60</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Jewellery"/>
												<input type="hidden" name="amount" value="60.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>New</h6></div>
										<a href="products1.jsp"><img src="images/f4.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products1.jsp">Party dress</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$15</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Party dress"/>
												<input type="hidden" name="amount" value="15.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div role="tabpanel" class="tab-pane fade" id="james" aria-labelledby="james-tab">
						<div class="tabcontent-grids">
							<script>
								$(document).ready(function () {
									$("#owl-demo2").owlCarousel({

										autoPlay: 3000, //Set AutoPlay to 3 seconds

										items: 4,
										itemsDesktop: [640, 5],
										itemsDesktopSmall: [414, 4],
										navigation: true

									});

								});
							</script>
							<div id="owl-demo2" class="owl-carousel">
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>New</h6></div>
										<a href="products6.jsp"><img src="images/p1.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products6.jsp">Coffee Mug</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$14</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Coffee Mug"/>
												<input type="hidden" name="amount" value="14.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>20% <br> Off</h6></div>
										<a href="products6.jsp"><img src="images/p2.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products6.jsp">Teddy bear</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$20</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Teddy bear"/>
												<input type="hidden" name="amount" value="20.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>Sale</h6></div>
										<a href="products6.jsp"><img src="images/p3.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products6.jsp">Chocolates</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$60</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Chocolates"/>
												<input type="hidden" name="amount" value="60.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<a href="products6.jsp"><img src="images/p4.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products6.jsp">Gift Card</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$22</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Gift Card"/>
												<input type="hidden" name="amount" value="22.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>New</h6></div>
										<a href="products6.jsp"><img src="images/p1.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products6.jsp">Coffee Mug</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$14</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Coffee Mug"/>
												<input type="hidden" name="amount" value="14.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>20% <br> Off</h6></div>
										<a href="products6.jsp"><img src="images/p2.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products6.jsp">Teddy bear</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$20</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Teddy bear"/>
												<input type="hidden" name="amount" value="20.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>Sale</h6></div>
										<a href="products6.jsp"><img src="images/p3.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products6.jsp">Chocolates</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$60</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Chocolates"/>
												<input type="hidden" name="amount" value="60.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<a href="products6.jsp"><img src="images/p4.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products6.jsp">Gift Card</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$22</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Gift Card"/>
												<input type="hidden" name="amount" value="22.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div role="tabpanel" class="tab-pane fade" id="decor" aria-labelledby="decor-tab">
						<div class="tabcontent-grids">
							<script>
								$(document).ready(function () {
									$("#owl-demo3").owlCarousel({

										autoPlay: 3000, //Set AutoPlay to 3 seconds

										items: 4,
										itemsDesktop: [640, 5],
										itemsDesktopSmall: [414, 4],
										navigation: true

									});

								});
							</script>
							<div id="owl-demo3" class="owl-carousel">
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>Sale</h6></div>
										<a href="products3.jsp"><img src="images/h1.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products3.jsp">Wall Clock</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$80</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Wall Clock"/>
												<input type="hidden" name="amount" value="80.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>10%<br>Off</h6></div>
										<a href="products3.jsp"><img src="images/h2.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products3.jsp">Plants & Vases</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$40</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Plants & Vases"/>
												<input type="hidden" name="amount" value="40.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<a href="products3.jsp"><img src="images/h3.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products3.jsp">Queen Size Bed</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$250</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Queen Size Bed"/>
												<input type="hidden" name="amount" value="250.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<a href="products3.jsp"><img src="images/h4.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products3.jsp">flower pot</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$30</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="flower pot"/>
												<input type="hidden" name="amount" value="30.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>Sale</h6></div>
										<a href="products3.jsp"><img src="images/h1.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products3.jsp">Wall Clock</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$80</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Wall Clock"/>
												<input type="hidden" name="amount" value="80.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>10%<br>Off</h6></div>
										<a href="products3.jsp"><img src="images/h2.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products3.jsp">Plants & Vases</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$40</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Plants & Vases"/>
												<input type="hidden" name="amount" value="40.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<a href="products3.jsp"><img src="images/h3.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products3.jsp">Queen Size Bed</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$250</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Queen Size Bed"/>
												<input type="hidden" name="amount" value="250.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<a href="products3.jsp"><img src="images/h4.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products3.jsp">flower pot</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$30</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="flower pot"/>
												<input type="hidden" name="amount" value="30.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div role="tabpanel" class="tab-pane fade" id="sports" aria-labelledby="sports-tab">
						<div class="tabcontent-grids">
							<script>
								$(document).ready(function () {
									$("#owl-demo4").owlCarousel({

										autoPlay: 3000, //Set AutoPlay to 3 seconds

										items: 4,
										itemsDesktop: [640, 5],
										itemsDesktopSmall: [414, 4],
										navigation: true

									});
								});
							</script>
							<div id="owl-demo4" class="owl-carousel">
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>New</h6></div>
										<a href="products4.jsp"><img src="images/s1.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products4.jsp">Roller Skates</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$180</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Roller Skates"/>
												<input type="hidden" name="amount" value="180.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<a href="products4.jsp"><img src="images/s2.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products4.jsp">Football</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$70</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Football"/>
												<input type="hidden" name="amount" value="70.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>20% <br>Off</h6></div>
										<a href="products4.jsp"><img src="images/s3.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products4.jsp">Nylon Shuttle</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$56</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Nylon Shuttle"/>
												<input type="hidden" name="amount" value="56.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<a href="products4.jsp"><img src="images/s4.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products4.jsp">Cricket Kit</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$80</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Cricket Kit"/>
												<input type="hidden" name="amount" value="80.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>New</h6></div>
										<a href="products4.jsp"><img src="images/s1.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products4.jsp">Roller Skates</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$180</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Roller Skates"/>
												<input type="hidden" name="amount" value="180.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<a href="products4.jsp"><img src="images/s2.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products4.jsp">Football</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$70</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Football"/>
												<input type="hidden" name="amount" value="70.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<div class="new-tag"><h6>20% <br>Off</h6></div>
										<a href="products4.jsp"><img src="images/s3.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products4.jsp">Nylon Shuttle</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$56</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Nylon Shuttle"/>
												<input type="hidden" name="amount" value="56.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="glry-w3agile-grids agileits">
										<a href="products4.jsp"><img src="images/s4.png" alt="img"></a>
										<div class="view-caption agileits-w3layouts">
											<h4><a href="products4.jsp">Cricket Kit</a></h4>
											<p>Lorem ipsum dolor sit amet consectetur</p>
											<h5>$80</h5>
											<form action="#" method="post">
												<input type="hidden" name="cmd" value="_cart"/>
												<input type="hidden" name="add" value="1"/>
												<input type="hidden" name="w3ls_item" value="Cricket Kit"/>
												<input type="hidden" name="amount" value="80.00"/>
												<button type="submit" class="w3ls-cart"><i class="fa fa-cart-plus"
																						   aria-hidden="true"></i> Add
													to cart
												</button>
											</form>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- //welcome -->
<!-- add-products -->
<div class="add-products">
	<div class="container">
		<div class="add-products-row">
			<div class="w3ls-add-grids">
				<a href="products1.jsp">
					<h4>十大热门<span>20%</span>的优惠</h4>
					<h6>Shop now <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></h6>
				</a>
			</div>
			<div class="w3ls-add-grids w3ls-add-grids-mdl">
				<a href="products1.jsp">
					<h4>星期天特价<span>40%</span>折扣</h4>
					<h6>Shop now <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></h6>
				</a>
			</div>
			<div class="w3ls-add-grids w3ls-add-grids-mdl1">
				<a href="products.jsp">
					<h4>最适合您的最新设计<span> 快点击 !</span></h4>
					<h6>Shop now <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></h6>
				</a>
			</div>
			<div class="clerfix"></div>
		</div>
	</div>
</div>
<!-- //add-products -->
<!-- coming soon -->
<div class="soon">
	<div class="container">
		<h3>本周超级交易</h3>
		<h4>即将推出不要错过</h4>
		<div id="countdown1" class="ClassyCountdownDemo"></div>
	</div>
</div>
<!-- //coming soon -->
<!-- deals -->
<div class="deals">
	<div class="container">
		<h3 class="w3ls-title">当日交易</h3>
		<div class="deals-row">
			<div class="col-md-3 focus-grid">
				<a href="products.jsp" class="wthree-btn">
					<div class="focus-image"><i class="fa fa-mobile"></i></div>
					<h4 class="clrchg">手机</h4>
				</a>
			</div>
			<div class="col-md-3 focus-grid">
				<a href="products.jsp" class="wthree-btn wthree1">
					<div class="focus-image"><i class="fa fa-laptop"></i></div>
					<h4 class="clrchg"> 电子产品 & 家电类</h4>
				</a>
			</div>
			<div class="col-md-3 focus-grid">
				<a href="products4.jsp" class="wthree-btn wthree2">
					<div class="focus-image"><i class="fa fa-wheelchair"></i></div>
					<h4 class="clrchg">家具类</h4>
				</a>
			</div>
			<div class="col-md-3 focus-grid">
				<a href="products3.jsp" class="wthree-btn wthree3">
					<div class="focus-image"><i class="fa fa-home"></i></div>
					<h4 class="clrchg">家居装饰</h4>
				</a>
			</div>
			<div class="col-md-2 focus-grid w3focus-grid-mdl">
				<a href="products9.jsp" class="wthree-btn wthree3">
					<div class="focus-image"><i class="fa fa-book"></i></div>
					<h4 class="clrchg">书籍 & 音乐</h4>
				</a>
			</div>
			<div class="col-md-2 focus-grid w3focus-grid-mdl">
				<a href="products1.jsp" class="wthree-btn wthree4">
					<div class="focus-image"><i class="fa fa-asterisk"></i></div>
					<h4 class="clrchg">时尚</h4>
				</a>
			</div>
			<div class="col-md-2 focus-grid w3focus-grid-mdl">
				<a href="products2.jsp" class="wthree-btn wthree2">
					<div class="focus-image"><i class="fa fa-gamepad"></i></div>
					<h4 class="clrchg">儿童</h4>
				</a>
			</div>
			<div class="col-md-2 focus-grid w3focus-grid-mdl">
				<a href="products5.jsp" class="wthree-btn wthree">
					<div class="focus-image"><i class="fa fa-shopping-basket"></i></div>
					<h4 class="clrchg">杂货</h4>
				</a>
			</div>
			<div class="col-md-2 focus-grid w3focus-grid-mdl">
				<a href="products7.jsp" class="wthree-btn wthree5">
					<div class="focus-image"><i class="fa fa-medkit"></i></div>
					<h4 class="clrchg">健康</h4>
				</a>
			</div>
			<div class="col-md-2 focus-grid w3focus-grid-mdl">
				<a href="products8.jsp" class="wthree-btn wthree1">
					<div class="focus-image"><i class="fa fa-car"></i></div>
					<h4 class="clrchg">汽车行业</h4>
				</a>
			</div>
			<div class="col-md-3 focus-grid">
				<a href="products5.jsp" class="wthree-btn wthree2">
					<div class="focus-image"><i class="fa fa-cutlery"></i></div>
					<h4 class="clrchg">食物</h4>
				</a>
			</div>
			<div class="col-md-3 focus-grid">
				<a href="products4.jsp" class="wthree-btn wthree5">
					<div class="focus-image"><i class="fa fa-futbol-o"></i></div>
					<h4 class="clrchg">运动</h4>
				</a>
			</div>
			<div class="col-md-3 focus-grid">
				<a href="products2.jsp" class="wthree-btn wthree3">
					<div class="focus-image"><i class="fa fa-gamepad"></i></div>
					<h4 class="clrchg">游戏 & 玩具</h4>
				</a>
			</div>
			<div class="col-md-3 focus-grid">
				<a href="products6.jsp" class="wthree-btn ">
					<div class="focus-image"><i class="fa fa-gift"></i></div>
					<h4 class="clrchg">礼物</h4>
				</a>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
</div>
<!-- //deals -->
<!-- footer-top -->
<div class="w3agile-ftr-top">
	<div class="container">
		<div class="ftr-toprow">
			<div class="col-md-4 ftr-top-grids">
				<div class="ftr-top-left">
					<i class="fa fa-truck" aria-hidden="true"></i>
				</div>
				<div class="ftr-top-right">
					<h4>免费送货</h4>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus justo ac </p>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="col-md-4 ftr-top-grids">
				<div class="ftr-top-left">
					<i class="fa fa-user" aria-hidden="true"></i>
				</div>
				<div class="ftr-top-right">
					<h4>客户关怀</h4>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus justo ac </p>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="col-md-4 ftr-top-grids">
				<div class="ftr-top-left">
					<i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
				</div>
				<div class="ftr-top-right">
					<h4>高品质</h4>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus justo ac </p>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
</div>
<!-- //footer-top -->
<!-- subscribe -->
<div class="subscribe">
	<div class="container">
		<div class="col-md-6 social-icons w3-agile-icons">
			<h4>保持联系</h4>
			<ul>
				<li><a href="#" class="fa fa-facebook icon facebook"> </a></li>
				<li><a href="#" class="fa fa-twitter icon twitter"> </a></li>
				<li><a href="#" class="fa fa-google-plus icon googleplus"> </a></li>
				<li><a href="#" class="fa fa-dribbble icon dribbble"> </a></li>
				<li><a href="#" class="fa fa-rss icon rss"> </a></li>
			</ul>
			<ul class="apps">
				<li><h4>下载我们的应用程序: </h4></li>
				<li><a href="#" class="fa fa-apple"></a></li>
				<li><a href="#" class="fa fa-windows"></a></li>
				<li><a href="#" class="fa fa-android"></a></li>
			</ul>
		</div>
		<div class="col-md-6 subscribe-right">
			<h4>登录邮箱获取25%的折扣!</h4>
			<form action="#" method="post">
				<input type="text" name="email" placeholder="请输入你的邮箱..." required>
				<input type="submit" value="Subscribe">
			</form>
			<div class="clearfix"></div>
		</div>
		<div class="clearfix"></div>
	</div>
</div>
<!-- //subscribe -->
<!-- footer -->
<div class="footer">
	<div class="container">
		<div class="footer-info w3-agileits-info">
			<div class="col-md-4 address-left agileinfo">
				<div class="footer-logo header-logo">
					<h2><a href="index.jsp"><span>S</span>mart <i>Bazaar</i></a></h2>
					<h6>Your stores. Your place.</h6>
				</div>
				<ul>
					<li><i class="fa fa-map-marker"></i> 123 San Sebastian, New York City USA.</li>
					<li><i class="fa fa-mobile"></i> 333 222 3333</li>
					<li><i class="fa fa-phone"></i> +222 11 4444</li>
					<li><i class="fa fa-envelope-o"></i> <a href="mailto:example@mail.com"> mail@example.com</a></li>
				</ul>
			</div>
			<div class="col-md-8 address-right">
				<div class="col-md-4 footer-grids">
					<h3>Company</h3>
					<ul>
						<li><a href="about.jsp">About Us</a></li>
						<li><a href="marketplace.jsp">Marketplace</a></li>
						<li><a href="values.jsp">Core Values</a></li>
						<li><a href="privacy.jsp">Privacy Policy</a></li>
					</ul>
				</div>
				<div class="col-md-4 footer-grids">
					<h3>Services</h3>
					<ul>
						<li><a href="contact.jsp">Contact Us</a></li>
						<li><a href="login.jsp">Returns</a></li>
						<li><a href="faq.jsp">FAQ</a></li>
						<li><a href="sitemap.jsp">Site Map</a></li>
						<li><a href="login.jsp">Order Status</a></li>
					</ul>
				</div>
				<div class="col-md-4 footer-grids">
					<h3>Payment Methods</h3>
					<ul>
						<li><i class="fa fa-laptop" aria-hidden="true"></i> Net Banking</li>
						<li><i class="fa fa-money" aria-hidden="true"></i> Cash On Delivery</li>
						<li><i class="fa fa-pie-chart" aria-hidden="true"></i>EMI Conversion</li>
						<li><i class="fa fa-gift" aria-hidden="true"></i> E-Gift Voucher</li>
						<li><i class="fa fa-credit-card" aria-hidden="true"></i> Debit/Credit Card</li>
					</ul>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
</div>
<!-- //footer -->
<div class="copy-right">
	<div class="container">
		<p>Copyright &copy; 2016.Company name All rights reserved.</p>
	</div>
</div>
<!-- cart-js -->
<script src="./js/minicart.js"></script>
<script>
	w3ls.render();

	w3ls.cart.on('w3sb_checkout', function (evt) {
		var items, len, i;

		if (this.subtotal() > 0) {
			items = this.items();

			for (i = 0, len = items.length; i < len; i++) {
				items[i].set('shipping', 0);
				items[i].set('shipping2', 0);
			}
		}
	});
</script>
<!-- //cart-js -->
<!-- countdown.js -->
<script src="./js/jquery.knob.js"></script>
<script src="./js/jquery.throttle.js"></script>
<script src="./js/jquery.classycountdown.js"></script>
<script>
	$(document).ready(function () {
		$('#countdown1').ClassyCountdown({
			end: '1388268325',
			now: '1387999995',
			labels: true,
			style: {
				element: "",
				textResponsive: .5,
				days: {
							gauge: {
								thickness: .10,
								bgColor: "rgba(0,0,0,0)",
								fgColor: "#1abc9c",
								lineCap: 'round'
							},
							textCSS: 'font-weight:300; color:#fff;'
						},
						hours: {
							gauge: {
								thickness: .10,
								bgColor: "rgba(0,0,0,0)",
								fgColor: "#05BEF6",
								lineCap: 'round'
							},
							textCSS: ' font-weight:300; color:#fff;'
						},
						minutes: {
							gauge: {
								thickness: .10,
								bgColor: "rgba(0,0,0,0)",
								fgColor: "#8e44ad",
								lineCap: 'round'
							},
							textCSS: ' font-weight:300; color:#fff;'
						},
						seconds: {
							gauge: {
								thickness: .10,
								bgColor: "rgba(0,0,0,0)",
								fgColor: "#f39c12",
								lineCap: 'round'
							},
							textCSS: ' font-weight:300; color:#fff;'
						}

			},
			onEndCallback: function () {
				console.log("Time out!");
			}
		});
	});
</script>
<!-- //countdown.js -->
<!-- menu js aim -->
<script src="./js/posstion.js"></script>
<script src="./js/search.js"></script>
<script src="./js/jquery.menu-aim.js"></script>
<script src="./js/main.js"></script> <!-- Resource jQuery -->
<!-- //menu js aim -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script>
	<%--从后台获取数据，然后动态添加商品分类--%>
	$(function () {
		//左侧的大分类
		var nav = $(".cd-dropdown");
		var ul = $(".cd-dropdown-content");

		$.ajax({
			url: "foraging.do",
			ansyc: "false",
			type: "post",
			dataType: "json",
			data: {"id": "category"},
			success: function (data) {
				console.log(data)

				$("#button-b").on("click", function () {
					$("nav").css("display", "block");
				})
				for (let i = 0; i < data.listBig.length; i++) {
					let name = data.listBig[i].categoryname;
					// let id = "setid" + i;

					let html = $("<li class='mouseOn' value=" + i + "><a href='#' class='' id='aid'>" + name + "</li>");
					ul.append(html);


					html.mouseenter(function () {
						$(".mouseOn>ul").remove()
						let ish = $("<ul class='is-hidden' id='cd-secondary-dropdown'></ul>");
						$(this).append(ish)
						for (let j = 1; j < data.listSmall[i].length; j++) {
							let smallName = (data.listSmall[i])[j].categoryname;

							let li = $("<li class='' style='background-color: rgb(255,255,255)'><a href='cfgoods.do?categoryid=" + (data.listSmall[i])[j].categoryid + "' >" + smallName + "</a></li>");

							ish.append(li);
						}
					})

				}
			}
		})


	})


</script>
<script src="./js/address.js"></script>
</body>
</html>